<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8"/>
  <title>DeepSeek 实时贪吃蛇</title>
  <style>
    *{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;}
    body{display:flex;height:100vh;background:#111;color:#eee}
    #gameArea{flex:80%;display:flex;align-items:center;justify-content:center;background:#000}
    #chatArea{flex:20%;background:#222;padding:10px;display:flex;flex-direction:column}
    #chatArea h3{margin-bottom:8px;font-size:14px}
    #chatLog{flex:1;overflow-y:auto;font-size:12px;line-height:1.4}
    .msg{margin-bottom:4px;padding:3px 6px;border-radius:4px;background:#333}
  </style>
</head>
<body>
  <div id="gameArea">
    <canvas id="canvas" width="800" height="600"></canvas>
  </div>

  <div id="chatArea">
    <h3>DeepSeek 最新决策（最多 20 条）</h3>
    <div id="chatLog"></div>
  </div>

  <script src="snake.js"></script>
</body>
</html>